const path = require('path')
const Timestamp = new Date().getTime();
module.exports = {
    lintOnSave: false,
    productionSourceMap: false,
    // 不同环境输出不同文件
    outputDir: process.env.outputDir,
    // 编译element-ui
    transpileDependencies: ['element-ui'],
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                path.resolve(__dirname, './src/assets/less/public.less')
            ]
        },
    },
    configureWebpack: {
        output: {
            filename: `js/[name].${Timestamp}.js`, // 每次构建打包时给文件名加上时间戳，确保每次版本更新的文件名不一样
            chunkFilename: `js/[name].${Timestamp}.js`
        },
    },
    chainWebpack: config => {
        // 查看打包文件体积大小
        // config
        //     .plugin('webpack-bundle-analyzer')
        //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin),
        //     config.module
        //         .rule('images')
        //         .use('url-loader')
        //         .loader('url-loader')
        //         .options({
        //             limit: 4096, // 小于4kb将会被打包成 base64
        //             fallback: {
        //                 loader: 'file-loader',
        //                 options: {
        //                     name: 'img/[name].[hash:8].[ext]',
        //                 },
        //             },
        //         });
    },
    devServer: {
        proxy: {
            '/api': {
                // target: 'http://192.168.3.201:8080',
                // target: 'http://192.168.3.187',
                target: 'http://yundun.diandianhuikj.com',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}
